<ul class="nav bg clearfix">
  <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
    类别
  </li>
  <li *ngFor="let category of categoryList; index as i; first as isFirst">
    <a  (click)="toCategoryNav(category.id,i)"  class="text-muted">
      <i    *ngIf="i%6==0" class="icon-disc icon text-success" data-toggle="class:nav-off-screen,open" data-target="#nav,html" ></i>
      <i    *ngIf="i%6==1" class="icon-music-tone-alt icon text-info"
            data-toggle="class:nav-off-screen,open" data-target="#nav,html"></i>
      <i    *ngIf="i%6==2" class="icon-drawer icon text-primary-lter" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></i>
      <i    *ngIf="i%6==3" class="icon-list icon  text-info-dker" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></i>
      <i    *ngIf="i%6==4" class="icon-social-youtube icon  text-primary"></i>
      <i    *ngIf="i%6==5" class="icon-list icon  text-info-dker"></i>



      <span class="font-bold">{{category.name}}</span>
    </a>
  </li>




  <li class="m-b hidden-nav-xs"></li>
</ul>
